@charset "UTF-8";
/* CSS Document */
/* body */
body {
	color:#FFF;
	background-color:#000;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}



p {
	margin:0;
	padding:0;}

a {
	color:#888;
	text-decoration:none;
	}

a:hover {color:#FFF;}

h1 , h2 ,h3 ,h4 ,h5 {
	margin:5px;
	padding:0;
	}
	

table {
	margin:0;
	border-collapse: separate;
}

table.list_table {
	margin:0px 10px;
	width:400px;
	text-align:left;
	border:2px #111 solid;
	}
	
table.list_table tr.gray {
	background-color:#111;
	}

table.list_table td {
	height:30px;
	vertical-align:middle;
	}

table.list_table td .text_field {
	width:150px;
	}

td {
	padding:0;
	vertical-align:top;
}

ul {
	padding:0;
	}

ul li {
	padding:0;
	margin-top:3px;
	list-style:none;
	}
	
.button {
	border:#111 1px solid;
	width:16px;
	background-color:#333;
	padding:2px;
	background-image:url(/images/button.png);
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:10px;
	}

.button:hover{
	background-image:url(/images/button_hover.png);
	background-repeat:repeat-x;
	color:#fff;}
	
	
table.thumb  {
	height:80px;
	border:1px solid #333;
}

table.thumb td {
	vertical-align:middle;
	text-align: center;
	height:100%;
	line-height:30px;
}

/*page*/
#main_table {}


#globalnav_container {
	width:200px;
    padding:10px;
	background-image:url(../images/nav_bar_bg.png);
	background-repeat:repeat-x;
	background-color:#464645;
	}

#border {
	background-image:url(../images/border.png);
	width:2px;
}

#mid_container {
	width:250px;
	background-color:#111;
	padding-top:40px;
	border-right:#333 1px solid;
	}
	
#main {
	width:450px;
	padding-top:40px;
	}

#footer {
	width:950px;
	height:20px;
	background-color:#CCC;
	position:relative;
	}


/*globalnav_container*/
#globalnav_container #nav_bar li {
	background-position:right;
	background-repeat:no-repeat;
	margin: 0 0 6px 0;
	width:200px;
	color:#aaa;
	cursor:pointer;
	}
#globalnav_container #nav_bar li:hover {color:#fff}

#globalnav_container #nav_bar li.off {
	background-image:url(../images/arrowhead.png);
}

#globalnav_container #nav_bar li.on {
	background-image:url(../images/arrowhead_on.png);
	}
	
#globalnav_container #nav_bar li.on {color:#FFF;}

#globalnav_container #nav_bar ul {
}

#globalnav_container #nav_bar ul li {
	background-image:url(../images/link_bg.png);
}

#globalnav_container #nav_bar ul li {color:#555;}

#globalnav_container #nav_bar ul li:hover ,  #globalnav_container #nav_bar #sub_nav_bar li.on{
	color:#FFF;
    }
	
/*mid_container*/

#mid_bar {}

.cell {
	margin:-2px 2px 0px 2px;
	width:246px;
	border-bottom:#333 2px solid;
	border-top:#333 2px solid;
	font-size:11px;
	cursor:pointer;
	color:#999;
	float:left;
	padding-bottom:3px;
	}

.cell .introduce {
	width:160px;
	float:left;
	margin:2px;
	}

.cell:hover {
	background:#333;
	color:#FFF;
	}

.cell img {
	border:#333 2px solid;
	}

.cell span.black {
	color:#FFF;
	}
	
.cell p {
	line-height:1.2em;
	}
	
/*main*/

#movie_detail {
	padding:3px;
	width:544px;
	
	}
	
#movie_detail .movie_img_list {
	padding:0;
	margin:0;
	}

#movie_detail p{
	text-indent:1em;
	
	}

#movie_detail p span.gray {
	color:#999;
	}

#movie_detail img {
	border:2px #333 solid;
	margin:2px;
	}
	
#movie_detail #movie_pics {
	width:474px;
	}

#movie_detail #movie_pics .movie_img_list li{
	display:inline;
	margin:0;
	padding:0;
	}

#movie_detail #movie_pics .movie_img_list li:hover img{
	border:2px #FFF solid;
	}

#movie_detail #replies li {
	width:470px;
	padding:5px;
	background-color:#111;
	margin-top:5px;
	margin-bottom:20px;
	}

#movie_detail #replies li .title {
	width:464px;
	background-color:#333;
	position:relative;
	padding:3px;
	}

#movie_detail #replies li p {
	padding:10px;
	line-height:25px;
	}

#movie_detail #replies li .title .time {
	position:absolute;
	left:360px;
	top:4px;
	}
	
#movie_detail #replies li #reply_content {
	width:450px;
	height:150px;
	margin:5px;
	padding:3px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#111;
	color:#FFF;
	border-color:#333;
	border-style:solid;
	border-width:1px;
	font-weight:100;
	}

.
/*footer*/
#footer p {
	position:relative;
	top:4px;
	left:224px;
	}